<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>css-notes</title>
  <style type="text/css">
    h1 { text-transform: uppercase }
    p.uppercase { text-transform: uppercase }
    p.lowercase { text-transform: lowercase }
    p.capitalize { text-transform: capitalize }
  </style>
</head>
<body>
<h1>This Is An H1 Element</h1>
<p class="uppercase">This is some text in a paragraph.</p>
<p class="lowercase">This is some text in a paragraph.</p>
<p class="capitalize">This is some text in a paragraph.</p>
</body>
</html>
